<template>
	<view>
		<navbar></navbar>
		<view class="container">
			<!-- <view class="header-title">
				<image src="../../static/images/orderTitle.png" mode="widthFix"></image>
			</view> -->
			<!-- tab栏 -->
			<view class="header f-28">
				<!-- <view @tap.stop.prevent="bindHeaderTap" :class="dataType === 'all' ? 'active' : ''" data-type="all">
					<text>全部</text>
				</view> -->
				<view @tap="bindHeaderTap" :class="dataType === 'comment' ? 'active' : ''" data-type="comment">
					<text>已完成</text>
				</view>
				<view @tap="bindHeaderTap" :class="dataType === 'payment' ? 'active' : ''" data-type="payment">
					<text>待支付</text>
				</view>
				<!-- <view @tap="bindHeaderTap" :class="dataType === 'audit' ? 'active' : ''" data-type="audit">
					<text>审核中</text>
				</view> -->
				
				<view @tap="bindHeaderTap" :class="dataType === 'canceled' ? 'active' : ''" data-type="canceled">
					<text>已取消</text>
				</view>
			</view>
			<view class="header-placeholder"></view>
			<!-- 订单列表 -->
			<view class="goods-detail-box">
				<view class="order-list" v-if="list.data">
					<view class="order" v-for="item in list.data" :key="item.order_id">
						<!-- <view class="dis-flex flex-x-between flex-y-center f-26">
							<view v-if="5 == item.order_type">寄售订单</view>
							<view v-else>订单</view>
							<view class="col-m">{{ item.state_text }}</view>
						</view>

						<view class="m-top30 dis-flex flex-x-between flex-y-center f-24">
							<view class="col-6">订单号：{{ item.order_no }}</view>
							<view class="col-6">{{ item.create_time }}</view>
						</view> -->
						
						<!-- <view class="dis-flex flex-x-between flex-y-center f-26">
							<view v-if="5 == item.order_type">寄售订单</view>
							<view v-else>订单</view>
							<view class="col-m">{{ item.state_text }}</view>
						</view> -->
						
						<view class="m-top30 dis-flex flex-x-between flex-y-center f-26">
							<view >订单号：{{ item.order_no }}</view>
							<view class="col-f">{{ item.state_text }}</view>
						</view>

						<view class="goods dis-flex">
							<view class="goods__img-wrapper">
								<image class="goods__img" :src="item.goods_image" mode="aspectFill">
								</image>
							</view>
							<view class="goods-info flex-box">
								<view class="goods__titles  f-28 col-f goods_title">{{ item.goods[0].goods_name }}</view>
								<!-- <view class="goods__titles  assets-text">{{ item.create_time }}</view> -->
								<view v-if="3 == item.goods[0].goods_type">
									<text class="undigit">非数字藏品</text>
								</view>
								<!-- 寄售订单显示序号，样式也不一样 -->
								<template v-if="5 == item.order_type">
									<!-- <view v-if="!item.is_blind_box&&item.spec_value" class="assets-text">规格：{{ item.spec_value }}</view> -->
									<!-- <view v-else-if="item.is_blind_box"></view> -->
									<view class="goods-extra dis-flex flex-x-between flex-y-center">
										<view v-if="item.is_blind_box&&!item.open_blind_box_status"></view>
										<view class="assets-text" v-else>
											<!-- <text class="left">序号</text> -->
											<text v-if="1 == item.sort_no_status && item.sort_no"
												class="right">#{{ item.sort_no }}</text>
											<text v-else class="right">生成中</text>
										</view>
										<!-- 兑换商品显示免费兑换 -->
										<view v-if="item.is_exchange === 1" class="orderPay_price f-28">免费兑换</view>
										<view v-else class="orderPay_price f-28">
											{{ 0 == item.pay_price ? '￥0' : '￥' + item.pay_price }}
										</view>
									</view>
								</template>
								<view v-else class="goods-extra dis-flex flex-x-between flex-y-center">
									<view v-if="!item.is_blind_box&&item.spec_value" class="col-9 f-24"></view>
									<view v-if="item.is_blind_box"></view>
									<!-- 兑换商品显示免费兑换 -->
									<view v-if="item.is_exchange === 1" class="orderPay_price f-28">免费兑换</view>
									<view v-else class="orderPay_price f-28">
										{{ 0 == item.pay_price ? '￥0' : '￥' + item.pay_price }}
									</view>
								</view>
								<view class="goods__titles  assets-text create_time">{{ item.create_time }}</view>
							</view>
						</view>

						<view v-if="2 == item.goods[0].goods_type">
							<!-- goods_type 1、展示商品 2、可购买商品  3、非数字藏品 -->
							<!-- order_status.value：10进行中 20取消 21待取消 30已完成 -->
							<!-- 已完成和已取消显示再次购买按钮 -->
							<!-- 待付款的可以取消订单或者去付款 -->
							<view v-if="10 == item.order_status.value" class="dis-flex flex-x-between flex-y-center bottom">
								<view v-if="item.now_time < item.end_time" class="count-down-wrapper">
									<text class="count-down-class">剩余</text>
									<count-down class="count-down-class" :serverTime="item.now_time"
										:startTime="item.end_time" formatType="1" @finished="countdownFinished">
									</count-down>
								</view>
								<view class="btn-wrapper flex-box t-r">
									<view class="btn-detail f-30" @tap.stop.prevent="cancelOrder"
										:data-id="item.order_id">取消</view>
									<view class=" btn-detail-index m-left20  f-30" @tap.stop.prevent="onPayOrder"
										:data-id="item.order_id" :data-order_sale_id="item.order_sale_id" :data-pay_price="item.pay_price">
										{{ 0 == item.pay_price ? '提交' : '付款' }}
									</view>
								</view>
							</view>
							<!-- 兑换商品/寄售商品，不显示再次购买 -->
							<!-- <view class="t-r"
								v-if="(20 == item.order_status.value || 30 == item.order_status.value) && 0 === item.is_exchange && 5 != item.order_type">
								<navigator class="btn-detail col-m f-28"
									:url="'/pages/goods/index?goods_id=' + item.goods[0].real_goods_id">
									再次{{ 0 == item.pay_price ? '抽取' : '购买' }}
								</navigator>
							</view> -->
						</view>
					</view>
				</view>
				<view v-if="!isLoading && !list.data.length">
					<view class="yoshop-notcont">
						<text class="iconfont icon-wushuju"></text>
						<text class="cont">暂无订单</text>
					</view>
				</view>
				<bottom-safe-area></bottom-safe-area>
			</view>
			<!-- 支付方式弹窗 -->
			<zan-popup :show="showPayPopup" @close="onTogglePayPopup">
				<view class="pop-orderPay pop-example__container">
					<view class="pop-title">
						<text class="f-30">请选择支付方式</text>
					</view>
					<view class="pop-content">
						<view class="pay-method">
							<button v-for="(item, key) in payTypes" :key="key" class="btn-normal"
								@tap.stop.prevent="onSelectPayType(item.value,key)">
								<view class="pay-item dis-flex flex-x-between">
									<view class="item-left dis-flex flex-y-center">
										<view :class="['item-left_icon',item.class]">
											<text :class="[item.icon]"></text>
										</view>
										<view class="item-left_text">
											<text>{{ item.name }}</text>
										</view>
									</view>
								</view>
							</button>
						</view>
					</view>
				</view>
			</zan-popup>
		</view>
		<security-password :show="securityPassword.show" @close="onToggleSecurityPassword"
			@success="onSecurityPasswordSuccess"></security-password>
		<input-alert ref="qrcode" :show="inputAlert.show" title="请输入验证码" placeholder="验证码" :params="inputAlert.params"
			@cancel="onInputAlertCancel" @confirm="onInputAlertConfirm"></input-alert>
			<view class="zz" v-show="isPwd">
				<view class="popup">
					<view class="title">
						交易密码
					</view>
					<view class="pwd">
						<!-- #ifndef APP-PLUS -->
						
						<PwdControl />
						<!-- #endif -->
					</view>
					<view class="btn" style="border-top:1rpx solid #dfdfdf;height: 100rpx;text-align: center;line-height: 100rpx;">
						<view @click="isPwd = false" style="width: 295rpx;height: 100%;border-right: 1rpx solid #dfdfdf;">取消</view>
						<view v-if="!disabled" @click="payment(payOrderId,160)" style="width: 300rpx;height: 100%;color: #007aff;">确定</view>
						<view v-else style="width: 300rpx;height: 100%;color: #999;">确定</view>
					</view>
				</view>
			</view>
	</view>
</template>

<script>
	import navbar from "@/components/navbar/navbar";
	import zanPopup from '@/components/popup/index';
	import countDown from '@/components/count-down/index';
	import bottomSafeArea from '@/components/bottom-safe-area/index';
	const app = getApp(); // 枚举类：发货方式
	import {
		isWeixin
	} from '@/utils/verify.js';
	import {
		payTypes
	} from '@/module.js';
	import DeliveryTypeEnum from '../../utils/enum/DeliveryType.js'; // 枚举类：支付方式
	import PayTypeEnum from '@/utils/enum/PayType.js';
	import paymentUtils from '@/utils/paymentUtils.js';
	// #ifndef APP-PLUS
	import PwdControl from '@/components/PwdControl/index.vue';
	// #endif
	export default {
		components: {
			navbar,
			zanPopup,
			countDown,
			bottomSafeArea,
			// #ifndef APP-PLUS
			PwdControl
			// #endif
		},
		data() {
			return {
				order_sale_id: '',
				times:null,
				recharge: {},
				payTypeIndex: 0,
				userInfo: uni.getStorageSync('userInfo'),
				payTypes: payTypes,
				curPayType: 0,
				dataType: 'comment', // 列表类型
				list: [], // 订单列表
				DeliveryTypeEnum,

				showPayPopup: false,
				// 支付方式
				no_more: false,

				// 没有更多数据
				isLoading: true,

				// 是否正在加载中
				// 当前页码
				page: 1,

				payOrderId: '',
				securityPassword: {
					show: false,
				},
				inputAlert: {
					show: false,
					params: null,
				},
				isPwd:false,
				disabled :false,//按钮禁用
			};
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			let _this = this;
			// 设置数据类型
			_this.setData({
				dataType: options.type || 'comment'
			});
			this.getBankList()
			// #ifndef APP-PLUS
			this.$nextTick(()=>{
				window.pwdcontrol = undefined
				window.getRandom()
			})
			// #endif
		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow() {
			// 获取订单列表
			this.getOrderList();
		},
		onHide() {
			clearTimeout(this.times)
		},
		onPullDownRefresh() {
			uni.stopPullDownRefresh();
		},
		methods: {
			// 获取银行卡列表 用于选择支付
			getBankList(){
				let _this = this
				let is_lianlian = uni.getStorageSync('isOpenStatus').is_open_lianlian
				if(!is_lianlian) return
				app._post_form('User/myAcctlist', {}, function(result) {
						if (1 == result.code) {
							let data = result.data
							console.log(data)
							data.forEach((item,index)=>{
								let payTypesItem = {}
								// _this.payTypes.push({canIUse:true,class:"LL_BALANCE",icon:"dy-iconfont icon-llbank",name:item.linked_brbankname,value:160});
								payTypesItem.canIUse = true
								payTypesItem.class = "LL_BALANCE"
								payTypesItem.icon = "dy-iconfont icon-llbank"
								payTypesItem.name = item.linked_brbankname + '(' + item.linked_acctno_pass + ')'
								payTypesItem.linked_acctno = item.linked_acctno
								payTypesItem.linked_agrtno = item.linked_agrtno
								payTypesItem.value = 130
								// payTypes.push(payTypesItem)
								// Object.assign(_this.payTypes,{[index]:payTypesItem})
								_this.$set(_this.payTypes,index,payTypesItem)
							})
						}
					}, null, function() {
						// console.log(_this.payTypes)
					});
			},
			/**
			 * 获取订单列表
			 */
			getOrderList(isPage, page) {
				let _this = this;

				app._get(
					'user.order/lists', {
						page: page || 1,
						dataType: _this.dataType
					},
					(result) => {
						let resList = result.data.list;
						let dataList = _this.list;
						if (isPage == true) {
							_this.setData({
								'list.data': dataList.data.concat(resList.data),
								isLoading: false
							});
						} else {
							_this.setData({
								list: resList,
								isLoading: false
							});
						}
					}
				);
			},

			/**
			 * 切换标签
			 */
			bindHeaderTap(e) {
				this.setData({
					dataType: e.currentTarget.dataset.type,
					list: {},
					isLoading: true,
					page: 1,
					no_more: false
				}); // 获取订单列表

				this.getOrderList(e.currentTarget.dataset.type);
			},

			/**
			 * 取消订单
			 */
			cancelOrder(e) {
				let _this = this;

				let order_id = e.currentTarget.dataset.id;
				uni.showModal({
					title: '友情提示',
					content: '确认要取消该订单吗？',
					success(o) {
						if (o.confirm) {
							app._post_form(
								'user.order/cancel', {
									order_id
								},
								(result) => {
									app.showSuccessWithDuration(500, '订单已取消', () => {
										_this.getOrderList(_this.dataType);
									});
								}
							);
						}
					}
				});
			},

			/**
			 * 点击付款按钮
			 */
			onPayOrder(e) {
				this.order_sale_id = e.currentTarget.dataset.order_sale_id
				console.log(this.order_sale_id)
				let _this = this; // 记录订单id
				let {
					id,
					pay_price
				} = e.currentTarget.dataset;
				_this.setData({
					payOrderId: id
				});
				if (0 != pay_price) {
					// 显示支付方式弹窗
					_this.onTogglePayPopup();
				} else {
					// 免费的商品不再弹出支付方式弹窗(支付方式随意)
					_this.payment(id, 20);
				}
			},

			/**
			 * 选择支付方式
			 */
			onSelectPayType(value,index) {
				console.log(value,index)
				let _this = this;
				_this.payTypeIndex = index
				// 隐藏支付方式弹窗
				_this.onTogglePayPopup();
				_this.curPayType = value;
				if (!_this.showPayPopup) {
					// 发起付款请求
					// _this.payment(_this.payOrderId, value);
					if (PayTypeEnum.BALANCE == value || PayTypeEnum.LL_BALANCE == value) {
						// 余额支付时需要输入安全密码
						_this.isPwd = true
						// this.onToggleSecurityPassword();
					} else {
						// 发起付款请求
						_this.payment(_this.payOrderId, value);
					}
				}
			},
			/**
			 * 显示/隐藏支付方式弹窗
			 */
			onTogglePayPopup() {
				this.showPayPopup = !this.showPayPopup;
			},
			/**
			 * 发起付款请求
			 */
			payment(orderId, payType) {
				// #ifdef APP-PLUS
				if(payType == '130' || payType == '170'){
					console.log(payType)
					let _this = this;
					if (_this.disabled) {
						return false;
					}
					// 按钮禁用, 防止二次提交
					_this.disabled = true;
					uni.showLoading({
						title: '正在处理...'
					});
					let params = {
						order_id: orderId,
						payType: payType
					}
					if(payType == 160){
						params.password = window.pwdcontrol;
						params.random_key = window.random.random_key;
					}
					// 身份证
					params.id_no = _this.userInfo.address_default.ID_number;
					// 姓名
					params.linked_acctname = _this.userInfo.address_default.name;
					console.log(_this.payTypes[_this.payTypeIndex])
					if(_this.payTypes[_this.payTypeIndex]){
						// 银行卡
						params.linked_acctno = _this.payTypes[_this.payTypeIndex].linked_acctno
						//协议号
						params.linked_agrtno = _this.payTypes[this.payTypeIndex].linked_agrtno
					}
					// 付款发送验证码
					app._post_form('user.order/pay',params, function(result) {
						if(_this.curPayType == '170'){
							if(result.code == 1){
								console.log(result.data.pay_url)
								app.navigationTo(result.data.pay_url)
							}else{
								app.showError(result.msg)
							}
						}else{
							if (8888 == result.data.payment.ret_code || result.data.payment.code == 1) {
								// 显示验证码弹窗
								_this.inputAlert.show = true;
								_this.recharge = result.data.payment.data || result.data.payment
							}else{
								if(result.data.payment.ret_code == '0000'){
									_this.isPwd = false
									app.showToast(result.data.payment.ret_msg)
									setTimeout(() => {
										_this.getOrderList();
									},500)
								}else{
									app.showError(result.data.payment.msg);
									setTimeout(() => {
										_this.getOrderList();
									},500)
								}
							}
						}
						
					}, null, function() {
						uni.hideLoading();
						_this.disabled = false;
					});
				}else{
					app.showToast('交易密码错误')
				}
				// #endif
				// #ifndef APP-PLUS
				if(window.pwdcontrol || payType == '130' || payType == '170'){
					console.log(payType)
					let _this = this;
					if (_this.disabled) {
						return false;
					}
					// 按钮禁用, 防止二次提交
					_this.disabled = true;
					uni.showLoading({
						title: '正在处理...'
					});
					let params = {
						order_id: orderId,
						payType: payType
					}
					if(payType == 160){
						params.password = window.pwdcontrol;
						params.random_key = window.random.random_key;
					}
					// 身份证
					params.id_no = _this.userInfo.address_default.ID_number;
					// 姓名
					params.linked_acctname = _this.userInfo.address_default.name;
					console.log(_this.payTypes[_this.payTypeIndex])
					if(_this.payTypes[_this.payTypeIndex]){
						// 银行卡
						params.linked_acctno = _this.payTypes[_this.payTypeIndex].linked_acctno
						//协议号
						params.linked_agrtno = _this.payTypes[this.payTypeIndex].linked_agrtno
					}
					// 付款发送验证码
					app._post_form('user.order/pay',params, function(result) {
						if(_this.curPayType == '170'){
							if(result.code == 1){
								console.log(result.data.pay_url)
								app.navigationTo(result.data.pay_url)
							}else{
								app.showError(result.msg)
							}
							return 0
						}
						if (8888 == result.data.payment.ret_code || result.data.payment.code == 1) {
							// 显示验证码弹窗
							_this.inputAlert.show = true;
							_this.recharge = result.data.payment.data || result.data.payment
						}else{
							if(result.data.payment.ret_code == '0000'){
								_this.isPwd = false
								app.showToast(result.data.payment.ret_msg)
								setTimeout(() => {
									_this.getOrderList();
								},500)
							}else{
								app.showError(result.data.payment.msg);
								setTimeout(() => {
									_this.getOrderList();
								},500)
							}
						}
					}, null, function() {
						uni.hideLoading();
						_this.disabled = false;
					});
				}else{
					app.showToast('交易密码错误')
				}
				// #endif
			},

			onReachBottom() {
				// 已经是最后一页
				if (this.page >= this.list.last_page) {
					this.setData({
						no_more: true
					});
					return false;
				} // 加载下一页列表

				this.getOrderList(true, ++this.page);
			},

			// 支付倒计时结束
			countdownFinished: function() {
				this.getOrderList();
			},
			//////// 安全密码回调 ////////
			// 切换安全密码弹窗的显示
			onToggleSecurityPassword: function() {
				this.securityPassword.show = !this.securityPassword.show;
			},
			// 密码输入正确
			onSecurityPasswordSuccess: function() {
				this.payment(this.payOrderId, this.curPayType);
			},
			//////// 输入框弹窗回调 ////////
			onInputAlertCancel: function() {
				this.onToggleInputAlert();
			},
			onInputAlertConfirm: function(value, target, params) {
				if(this.times){
					clearTimeout(this.times)
				}
				this.times = setTimeout(()=>{
					this.requestValidationSms(value, params);
				},2000)
			},
			// 校验验证码
			requestValidationSms: function(verify_code, params) {
				let _this = this
				let data = {
					sale_id: _this.order_sale_id,
					oid_partner: this.recharge.oid_partner,
					txn_seqno: this.recharge.order_no,
					total_amount: this.recharge.money,
					token: this.recharge.lianliantoken,
					verify_code: verify_code
				}
				// 校验验证码
				app._post_form('user.dealer.recharge/sms', {
					data: JSON.stringify(data)
				}, function(result) {
					if (1 == result.code) {
						_this.isPwd = false
						// 隐藏验证码输入框
						_this.onInputAlertCancel();
						app.showToast('支付成功');
						
						_this.getOrderList();
					}else{
						app.showError(result.data.payment.msg)
					}
				}, null, function() {
					_this.$refs.qrcode.over()
					uni.hideLoading();
				});
				// paymentUtils.requestLLBalancePay(verify_code, params, (res)=> {
				// 	// 支付成功
				// 	this.onToggleInputAlert();
				// 	app.showSuccessWithDuration(500, res.msg, () => {
				// 		this.getOrderList(this.dataType);
				// 	});
				// });
			},
			onToggleInputAlert: function() {
				this.inputAlert.show = !this.inputAlert.show;
			},
		}
	};
</script>
<style>
	page {
		/* background:#242424 !important; */
	}
</style>
<style lang="scss" scoped>
	.header-title{
		width: 100%;
		height: 38rpx;
		position: fixed;
		top: 0rpx;
		background: #1a1919;
		z-index: 100;
	}
	.header-title image{
		width: 100%;
		height: 100%;
	}
	.header {
		padding-top: 30rpx;
		width: 100%;
		height: 94rpx;
		// border-bottom: 1rpx solid #e4e4e4;
		display: flex;
		background: #ffffff;
		line-height: 88rpx;
		position: fixed;
		// top: 38rpx;
		color: #FFFFFF ;
		font-size: 30rpx;
		/* top: 44px;
		top: calc(44px + constant(safe-area-inset-top));
		top: calc(44px + env(safe-area-inset-top)); */
		z-index: 100;
	}

	.header-placeholder {
		height: 146rpx;
	}

	.header view {
		flex: 1;
		text-align: center;
		padding: 0 15rpx;
	}

	.header view text {
		display: block;
		color: #a6a6a6;
	}

	.header view.active text {
		// color: $uni-text-color-main;
		color: #EE772B;
		border-bottom: 3rpx solid #EE772B;
		font-weight: 600;
	}

	.order-list {
		padding: 0 40rpx;
	}

	.goods-detail-box {
		padding-bottom: 40rpx;
	}

	.order {
		background-color: #FFF;
		border: #ececec 1rpx solid;
		border-radius: 20rpx;
		// border-radius: 30rpx;
		margin-top: 20rpx;
		padding: 20rpx 40rpx 40rpx;
		// background-image: url(@/static/images/orderListBg.png);
		background-size: 100% 100%;
		color: #B0B0B0;
		font-size: 26rpx;
		// background-position: top center;
	}
	.assets-text{
		font-size: 26rpx;
		color: #474747;
		line-height: 36rpx;
	}
	.goods {
		margin-top: 40rpx;
	}

	.goods .goods__img-wrapper {
		width: 180rpx;
		height: 180rpx;
		border-radius: 10rpx;
		margin-right: 40rpx;
		overflow: hidden;
	}
	.goods__titles{
		
	}
	.create_time{
		position: absolute;
		right: 0;
		bottom: 5rpx;
	}
	.goods_title{
		position: relative;
		top: 10rpx;
		font-size: 32rpx;
		// font-weight: 600;
		font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	}
	.goods .goods__img {
		width: 100%;
		height: 100%;
	}

	.goods .goods-info {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		align-content: space-around;
	}

	.goods .goods-extra {
		width: 100%;
		// position: absolute;
		// left: 0;
		// bottom: 0;
	}

	.order .bottom {
		margin-top: 40rpx;
	}

	.order .btn-detail {
		display: inline-block;
		height: 54rpx;
		border-radius: 28rpx;
		border: 1px solid #B0B0B0;
		padding: 0 32rpx;
		text-align: center;
		line-height: calc(54rpx - 2px);
		
		font-size: 30rpx;
		color: #B0B0B0;
	}
	.orderPay_price{
		position: relative;
		bottom: 80rpx;
		font-size: 40rpx;
		color: #000;
		font-weight: 600;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	}
	.order .btn-detail-index{
		
		display: inline-block;
		height: 54rpx;
		border-radius: 28rpx;
		padding: 2rpx 32rpx;
		text-align: center;
		line-height: calc(54rpx - 2px);
		font-size: 30rpx;
		border: none;
		color: #EE772B ;
		// opacity: 0.2;
		 background-color:rgba(205,168,77,0.2);
	
	}
	.count-down-class {
		font-size: 24rpx;
		color: #909299;
		line-height: 50rpx;
	}

	/* 弹出层：支付方式 */
	.pop-example__container {
		background: #fff;
		padding: 30rpx 40rpx;
		border-radius: 10rpx;
		min-width: 460rpx;
	}

	.pop-example__container .pop-title {
		text-align: center;
	}

	.pop-content {
		margin-top: 30rpx;
	}

	.pop-orderPay .pop-title {
		text-align: left;
	}

	.pay-method .pay-item {
		padding: 20rpx 0;
		font-size: 28rpx;
	}

	.pay-method .pay-item .item-left_icon {
		margin-right: 20rpx;
		font-size: 32rpx;
	}

	.pay-method .pay-item .item-left_icon.wechat text {
		color: #00c800;
	}

	.pay-method .pay-item .item-left_icon.alipay text {
		color: #06b4fd;
		font-size: 34rpx;
	}

	.pay-method .pay-item .item-left_icon.balance text {
		color: #ff9700;
	}

	.pay-method .pay-item .item-left_icon.ll-bank text {
		color: $uni-bg-color-main;
	}
	.zz{
		  position: fixed;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  z-index: 14;
		  background: rgba(0, 0, 0, 0.5);
		  display: flex;
		  justify-content: space-around;
		  align-items: center;
		  z-index: 3;
		  .popup{
			  margin-top: 200rpx;
			  border-radius: 20rpx;
			  width: 600rpx;
			  height: 450rpx;
			  background-color: #fff;
			  display: flex;
			  flex-direction: column;
			  justify-content: space-between;
			  .title{
				  margin-top: 50rpx;
				  text-align: center;
				  height: 80rpx;
				  line-height: 80rpx;
				  // border-bottom: 1rpx solid #999;
			  }
			  .pwd{
				  margin-top: 50rpx;
				  width: 100%;
				  background-image: none !important;
				/deep/ Input{
					  width: 80% !important;
					  font-size: 30rpx;
					  height: 74rpx;
					  text-align: center;
					  background-color: #F8F5F5;
					  border-radius: 5rpx;
					  // border: 0.5rpx solid #999 !important;
				  }
				  
			  }
			  .btn{
				  display: flex;
			  }
		  }
	}
</style>
